$(document).ready(function(){
    var map = new AMap.Map('map');

    /**
        加载geoserver切片图层
    **/
    var wms  = new AMap.TileLayer.WMS({
        url: 'http://192.168.3.90:8080/geoserver/wms', // wms服务的url地址
        blend: false, // 地图级别切换时，不同级别的图片是否进行混合
        tileSize: 512, // 加载WMS图层服务时，图片的分片大小
        params: {
            'LAYERS': 'demo:gis_osm_railways_free_1',  //名字在图层预览里
            VERSION:'1.3.0'
        } // OGC标准的WMS地图服务的GetMap接口的参数
    });

   // map.add(wms);

//filter写法遵循OGC标准 可实现空间查询  属性条件查询  如 管理员叫张三的路
// csdn上的都有毒  得看官方文档  或者geoserver自带demo
var filter = '<Filter>'+
                '<And>'+
                    '<PropertyIsEqualTo>'+
                        '<PropertyName>name</PropertyName>'+
                        '<Literal>南湖大花岭联络线</Literal>'+
                    '</PropertyIsEqualTo>'+
                    '<BBOX>'+
                        '<PropertyName>the_geom</PropertyName>' +
                        '<Envelope srsName="http://www.opengis.net/gml/srs/epsg.xml#4326">'+
                            '<lowerCorner>114.1 30.212597</lowerCorner>'+
                            '<upperCorner>114.361859 30.512517</upperCorner>'+
                        '</Envelope>'+
                    '</BBOX>'+
                '</And>'+
              '</Filter>'


    //ajax取消异步后全局变量接收数据方便移除操作
    var features;

    jQuery.ajax({
        url:"http://192.168.3.90:8080/geoserver/demo/ows",
        async:false,
        type:'GET',
        contentType: "application/json",
        data:{
            service:"WFS",
            request:"GetFeature",
            version:"1.1.0",
            typeName:"demo:gis_osm_railways_free_1",
            maxFeatures:"2250",
            outputFormat:"application/json",
            filter: filter
        },
        success:function(data){
            features = data.features;
        }
    })

    if(features.length > 0){
        for(var i=0;i<features.length;i++){
            drawFeature(features[i]);
        }
    }


    //获取可视区域  filter构建有用  可配合地图移动事件
    map.on('moveend', function(ev) {
         var bbox = map.getBounds()
         console.log(bbox);
    });





    /**
    参照高德地图jsapi 折线、面、圆形等覆盖物 文档
    **/
    function drawFeature(feature){
        var geometry =feature.geometry;
        var geometryType = geometry.type;
        if(geometryType=="MultiLineString"){
            var coordinates = geometry.coordinates[0];//简写 其实是arr
            var polyline = new AMap.Polyline({
                path:coordinates,
                borderWeight: 100,
                strokeColor: 'red',
                lineJoin: 'round'
            })
        }
        map.add(polyline);
    };

})